<!-- tabBar -->
<div class="footer">
    <!-- 商城 -->
    <a [routerLink]="['/block/shopping-mall']" routerLinkActive="green">
        <div *ngIf="flag1" class="footer-img">
            <img src="{{shoppingMallImg2}}" alt="商城图片2" >
        </div>
        <div *ngIf="!flag1" class="footer-img">
            <img src="{{shoppingMallImg1}}" alt="商城图片1" >
        </div>
        <p>商城</p>
    </a>
    <!--购物车 -->
    <a [routerLink]="['/block/shopping-car']" routerLinkActive="green">
        <div class="footer-img">
            <img src="{{shoppingMallImg3}}">
        </div>
        <p>购物车</p>
    </a>
    <!-- 个人中心 -->
    <a [routerLink]="['/block/person-center']" routerLinkActive="green">
        <div class="footer-img" *ngIf="!flag2">
            <img src="{{shoppingMallImg4}}">
        </div>
        <div class="footer-img" *ngIf="flag2">
            <img src="{{shoppingMallImg5}}">
        </div>
        <p>个人中心</p>
    </a>
</div>
